<template>
  <Breadcrumb :style="{ margin: '20px 0' }">
    <BreadcrumbItem>博客</BreadcrumbItem>
    <BreadcrumbItem>{{ activeName }}</BreadcrumbItem>
  </Breadcrumb>
</template>

<script>
export default {
  computed: {
    activeName () {
      return this.handlerPath(this.$route.path)
    }
  },
  methods: {
    handlerPath (path) {
      switch (path) {
        case '/':
          return '首页'
        case '/news':
          return '动态'
        default:
          return '联系我'
      }
    }
  }
}
</script>

<style lang="less" scoped>
</style>
